<template>
	<view class="search-btn-box" @click="jumpToUrl">
		<u-text prefixIcon="search" text="请输入搜索内容" color="#999" size="14" iconStyle="font-size: 20px;margin-right: 5px;padding-top: 2px;" lineHeight="34"></u-text>
	</view>
</template>

<script lang="ts" setup>
const emits = defineEmits(['jumpToUrl']);

const jumpToUrl = () => {
	emits('jumpToUrl');
};
</script>

<style lang="scss" scoped>
$padding: 15px;

.search-btn-box {
	width: calc(100% - $padding);
	height: 34px;
	padding-left: $padding;
	border: 1px solid #333;
	border-radius: 20px;
	background-color: #fff;
}
</style>
